.nav{
   width: 100%;
   height: auto;
   background: #f0f0f0;
   .nav_con{
       width: 1200px;
       height: 100px;      
       margin: 0 auto;
       .nav_left{
           float: left;
           ul{
               padding-top: 8px;
               li{
                   float: left;
                   color: #333333;
                   font-size: 12px;
                   a{
                       color: #777777;
                   }
               }
           }
           ol{
               margin-top:52px ;
               li{
                   width: 102px;
                   height: 40px;
                   text-align: center;
                   line-height: 40px;
                   float: left;
                   font-size: 12px;
                   a{
                       color: #777;
                   }
               }
               .act{
                   background: #fff;
                   color: #000;
               }
           }
       }
       .nav_right{
           float: right;
           p{
             font-size:12px ;
             color: #767676; 
             span{
                 display: block;
                 float: left;
                 width:41px ;
                 height: 31px;
                 border: 1px dashed #bfbfbf;
                 margin:8px 4px 0 4px ;
             }
             .one{
                 width: 92px;
                 height: auto;
                 border: 0;
                 line-height: 38px;
             }
             a{
                 width:65px ;
                 height:32px ;
                 border: 1px solid #bfbfbf;
                 background: #fdfdfd;
                 display: block;
                 float: right;
                 text-align: center;
                 line-height: 32px;
                 color: #777;
                 margin: 8px 0 0 16px;
             }
           }
       }
   } 
}

.content{
    width: 100%;
    height:auto ;
    .contentes{
        width: 1200px;
        height: 590px;
        margin: 0 auto;
        .conten{
            width: 488px;
            height: 590px;
            float: left;
            .con-up{
                width: 488px;
                height:452px ;
                position:relative;
                img{
                    width: 438px;
                    padding: 50px 0px 0px 25px;
                    position: absolute;
                    
                }
            }
            .con-down{
                width: 488px;
                height: 134px;
                img{
                    width: 80px;
                    height: 64px;
                    float: left;
                    border: 2px solid #fff;
                    margin: 36px 6px 0 6px;
                    &:hover{
                        border: 2px solid #FF6600;
                    }
                }
            }
        }
        .con-left{
            width: 510px;
            height: 588px;
            float: left;
            h3{
                font-size:20px ;
                color:#000 ;
                line-height: 35px;
                padding-top: 30px;
            }
            p{
                font-size:12px ;
                color: #484848;
                line-height:28px;
            }
            .one{
                cursor: pointer;
            }
            .three{
                span{
                    font-size:22px ;
                    color: #f7661f;
                    font-weight: bolder;
                    padding-top: 3px;
                }
                .two{
                    font-size: 12px;
                    padding-left: 8px;
                }
            }
            .four{
                padding-top: 10px;
                label{
                     float: left;
                }
                img{
                    float: left;
                }
            }
            .five{
                margin-top:10px ;
                a{
                    display: block;
                    width: 24px;
                    height: 28px;
                    float:left ;
                    text-align: center;
                    line-height:28px ;
                    border: 1px solid #bfbfbf;
                }
                .number{
                    float: left;
                    margin-right: 10px;
                }
                .num{
                    text-align: center;
                    line-height:28px ;
                    display: block;
                    width: 70px;
                    height: 28px;
                    float: left;
                    border: 1px solid #bfbfbf;
                }
                .box{
                    color: #008000;
                    margin-left: 10px;
                    float: left;
                }
            }
            .shoucang{
                width:486px ;
                height: 137px;
                margin-top: 15px;
                background: #f0f0f0;
                position: relative;
                a{
                    float: left;
                    padding: 19px 9px 18px 16px;
                }
                .six{
                    display: block;
                    width: 81px;
                    height: 32px;
                    background: #fff;
                    border: 1px solid #bfbfbf;
                    line-height: 32px;
                    text-align: center;
                    font-size: 12px;
                    color: #000;
                    position:absolute;
                    left: 16px;
                    top: 83px;
                    
                }
                .seven{
                    .eight{
                        width: 81px;
                        height: 32px;
                        border: 1px solid #bfbfbf;
                        display: block;
                        position: absolute;
                        left: 122px;
                        top: 84px;
                        img{
                            position: absolute;
                            left: 8px;
                            top: 7px;

                        }
                        
                    }
                    .nine{
                            display: block;
                            position: absolute;
                            left: 184px;
                            top: 87px;
                        }
                }
                .ten{
                    display: block;
                    width:163px ;
                    height: 32px;
                    border: 1px solid #bfbfbf;
                    position: absolute;
                    left: 230px;
                    top: 84px;
                    img{
                        float: left;
                        padding: 4px 2px 0px 6px;
                    }
                }
            }
        }
        .con-right{
            width:200px ;
            height: 484px;
            float: left;
            margin-top: 64px;
            border-left:1px solid #ddd ;
            p{
                .one{
                    display: block;
                    width: 187px;
                    height: 50px;
                    background: url(../../img/dandan.png) no-repeat 58px 4px;
                    font-size: 26px;
                    color: #f7661f;
                    font-weight: bolder;
                    margin:10px 0px 0px 7px;
                    border-top: 1px solid #f0f0f0;
                }
                .two{
                    display: block;
                    width: 187px;
                    height: 30px;
                    font-size: 12px;
                    color: #666;
                    margin:0px 0px 0px 8px;
                    border-bottom: 1px solid #f0f0f0;
                }
            }
            .twoweima{
                margin: 5px 0px 0px 70px;
                img{
                    &:hover{
                        transform: scale(2.5);
                        transform-origin:right top ;
                        border: 1px solid #999;
                        margin: 10px;
                    }
                }
                span{
                    font-size: 12px;
                    color: #484848;                 
                }
            }
        }
        
    }
}
//详细介绍
.jpmcoin{
    width: 100%;
    height: auto;
    .jpmcoing{
        width: 1200px;
        height: auto;
        margin: 38px auto 0;
        border-top: 1px solid #dddddd;
        p{
            font-size: 12px;
            color: #999999;
            float: right;
            padding-top: 10px;
            a{
                color: #1c429a;
                cursor: pointer;
            }
        }
        h2{
            font-size:28px ;
            color: #484848;
            padding: 65px 0px 0px 8px;
        }
        .left{
            margin-left: 90px;
        }
    }
}
